@charset "utf-8";
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/*========css reset========*/
img {  max-width: 100%;  }
a { text-decoration: none;}

/*========快捷样式调用========*/
.f10 { font-size:12px; -webkit-transform: scale(0.83)}
.f11 { font-size:12px; -webkit-transform: scale(0.9166)}
.f12 { font-size:12px !important;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:19px;}
.f20 { font-size:20px;}
.f21 { font-size:21px;}
.f22 { font-size:22px;}
.f23 { font-size:23px;}
.f24 { font-size:24px;}
.f25 { font-size:25px;}
.f26 { font-size:26px;}
.f27 { font-size:27px;}
.f28 { font-size:28px;}
.f29 { font-size:29px;}
.f30 { font-size:30px;}
.fsmall { font-size: 0.8em;}

.w1 { width: 10%;}
.w2 { width: 20%;}
.w3 { width: 30%;}
.w4 { width: 40%;}
.w5 { width: 50%;}
.w6 { width: 60%;}
.w7 { width: 70%;}
.w8 { width: 80%;}
.w9 { width: 90%;}
.w10 { width: 100%;}

.lh10 { line-height: 1;}
.lh15 { line-height: 1.5;}
.lh20 { line-height: 2;}
.lh25 { line-height: 2.5;}
.lh30 { line-height: 3;}

.bg-default { background-color:#ddd!important;}
.bg-primary { background-color:#337ab7!important;}
.bg-success { background-color:#dff0d8!important;}
.bg-info { background-color:#5bc0de!important;}
.bg-warning { background-color:#f0ad4e!important;}
.bg-danger { background-color:#d9534f!important;}
.bg-white { background-color: #fff!important;}
.bg-light { background-color: #f4f4f4!important;}
.bg-fade-light {  background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 50%,#fff),linear-gradient(70deg,#eaf5ff 32%,#f6fff8);}
.bg-fade-blue { background: url(img/TB1NR1ga49YBuNjy0FfXXXIsVXa-1920-568.png) center center no-repeat, linear-gradient(#12C9E9, #7925C6);}

.bgs-primary { color: #fff; background-color:#337ab7; }
.bgs-success { color: #3c763d; background-color: #dff0d8;}
.bgs-info { color: #31708f; background-color:#d9edf7;}
.bgs-warning { color: #8a6d3b; background-color: #fcf8e3;}
.bgs-danger { color: #a94442; background-color: #f2dede;}


.text-default { color:#333!important;}
.text-000 { color: #000!important;}
.text-fff, .text-white { color: #fff!important;}
.text-second { color:#999!important;}
.text-muted { color:#777!important;}
.text-light { color:#aaa!important;}
.text-sub { color:#555!important;}
.text-primary { color:#337ab7!important;}
.text-success { color:#5cb85c!important;}
.text-info { color:#5bc0de!important;}
.text-warning { color:#f0ad4e!important;}
.text-danger { color:#D62B1E!important;}
.text-delete { text-decoration:line-through}
.text-underline { text-decoration: underline;}
.text-bold { font-weight: bold;}

.text-left { text-align:left !important;}
.text-right { text-align:right !important;}
.text-center { text-align:center !important;}
.nowrap { white-space:nowrap}
.text-priline { white-space:pre-line;}
.text-wrap { white-space: normal; word-break: break-all;}
.box-center { margin:0 auto;}


.fuse_input { border: none; background: none; outline: none;}
.flex { display: flex;}
.flex_lr { display: flex; justify-content: space-between;}
.flex_center { display: flex; align-items: center;}
.flex_end { justify-content: flex-end;}
.flex_wrap { flex-wrap: wrap}
.fuse_input { border: none; background: none; outline: none;}
.pull-left { float: left;}
.pull-right { float: right;}
.d-block { display: block;}
.d-inlineblock { display: inline-block;}
.hide, .none { display: none !important;}

/*自定义通用*/
.circle_icon { width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 4px; border: 1px solid #e7e7e7; margin: 2px;}
.hand { cursor: pointer;}
.not-allowed { cursor: not-allowed}
.ani { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s; transition-duration: ease-in 0.3s; }
.empty_tips, .over_tips { font-size:1.2rem; line-height:3rem; text-align:center; color:#bbb; display:block; }
.load_tips { text-align:center; padding:10px 0; margin:10px auto; width:90%; color:#777; font-size:16px; border-radius:50px; border:1px solid #e7e7eb;}
.dialog_container { position: relative; padding: 55px 0; background: #ffffff; height: 100%; overflow-y: scroll;}
    .dialog_title { position: absolute; top: 0; left: 0; right: 0; height: 50px;}
    .dialog_footer { position: absolute; bottom: 0; left: 0; right: 0; height: 50px;}

/*文字标题溢出作为...*/
.text-overflow { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-overflow-2 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-overflow-3 { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*隐藏上传表单*/
.hide-uploads {  overflow: hidden;  position: relative;  text-align: center;  display: inline-block;  }
.hide-uploads input[type=file] {  background: rgba(255,255,255,0);  overflow: hidden;  position: fixed;  width: 1px;  height: 1px;  z-index: -1;  opacity: 0;  }

.hover_div { opacity: 0;}
.hover_show:hover .hover_div { opacity: 1;}

/*vuetify 覆盖*/
.flex_end .v-pagination { width: auto;}

pre { overflow: unset;}